<!--使用通用模板-->
{extend name="mobile/portal/frame" /}

<!--特殊样式-->
{block name="style"}
<link rel="stylesheet" href="{$Think.const.STATIC_ROOT}/css/skin/portal/sztd.css">
<link rel="stylesheet" href="{$Think.const.STATIC_ROOT}/css/lightslider.min.css">
<link rel="stylesheet" href="{$Think.const.STATIC_ROOT}/css/mobile/m_portal/m-sztd.css">
{/block}

<!--js模块-->
{block name="js"}
<!--[if lte IE 8]>
<script src="{$Think.const.STATIC_ROOT}/js/portal/mobileMenu(forIE8).js" charset="utf-8"></script>
<![endif]-->
<script src="{$Think.const.STATIC_ROOT}/js/lightslider.min.js"></script>
{/block}

<!--主体部分-->
{block name="body"}
{include file="mobile/portal/sztd/sztd_bn" /}
<div class="o__main">
	<div class="sztd">
		<div class="container">
			<!--移动端-->
			<section class="szExploration" id="m_szExploration">
				<div class="m_container">
					<div class="m_title">
						<div class="m_title_line"></div>
						<div class="m_title_p">
							<p>思政学院</p>
						</div>
					</div>
					<div class="m_tab">
						<div class="rightListBox" id="changeColumn-1">
							<div class="rightColumnName"><span class="ri-current span_open">党史党建</span><span>党史知识</span><span>两课讲堂</span><span>国防知识</span></div>
							<div class="rightListContent" id="m_rightListContent">
								<ul style="display: block;">
									{if isset($threadlist['dsdj'])}
									{volist name="threadlist.dsdj" id="t" offset="0" length="13"}
									<li><a href="/threads/view?id={$t.id}&from=6">{$t.title}</a></li>
									{/volist}
									{/if}
								</ul>
								<ul style="display: none;">
									{if isset($threadlist['ddzs'])}
									{volist name="threadlist.ddzs" id="t" offset="0" length="13"}
									<li><a href="/threads/view?id={$t.id}&from=6">{$t.title}</a></li>
									{/volist}
									{/if}
								</ul>
								<ul style="display: none;">
									{if isset($threadlist['lkjt'])}
									{volist name="threadlist.lkjt" id="t" offset="0" length="8"}
									<li><a href="/threads/view?id={$t.id}&from=6">{$t.title}</a></li>
									{/volist}{/if}
								</ul>
								<ul style="display: none;">
									{if isset($threadlist['gfjy'])}
									{volist name="threadlist.gfjy" id="t" offset="0" length="8"}
									<li><a href="/threads/view?id={$t.id}&from=6">{$t.title}</a></li>
									{/volist}{/if}
								</ul>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!--移动端理论探索-->
			<section id="m_lilun">
				<div class="lltsBox">
					<img src="{$Think.const.STATIC_ROOT}/img/portal/sztd/star_llts.png" alt="" class="star_llts" />
					<div class="lltsColumnName"><i class="left-l"></i><a><b>理论探索</b></a><i class="right-l"></i></div>
					<div class="lltsColumnContent">
						{if isset($threadlist['llts'])}
						<div class="lltsCardBox">
							{volist name="threadlist.llts" id="t" length="1"}
							<div class="lltsCardItem"><a href="/threads/view?id={$t.id}from=6" class="lltsCardCoverimg"><img src="{$t.coverimg}"
									 alt="" class="phoneNone"></a>
								<div class="lltsCardIntro"><a href="/threads/view?id={$t.id}from=6" class="lltsIntro_tit">{$t.title}</a><a href="/threads/view?id={$t.id}from=6"
									 class="Intro_des phoneNone">{$t.descrip}</a></div>
							</div>
							{/volist}
						</div>
						<div class="lltsListBox">
							<ul>
								{volist name="threadlist.llts" id="t" offset="2" length="8"}
								<li><a href="/threads/view?id={$t.id}&from=6">{$t.title}</a></li>
								{/volist}
							</ul>
						</div>
						{/if}
					</div>
				</div>
			</section>
		</div>
	</div>
</div>

<script>
	$(document).ready(function () {
		//tab切换
		$(".rightColumnName").children("span").click(function () {
			let i = $(this).index();
			$(this).addClass("span_open").siblings().removeClass("span_open");
			$("#m_rightListContent ul").eq(i).show().siblings().hide();
		})
	})
</script>
<script>
	window.onload = function () {
		var xySliderChange__1 = document.getElementById('changeColumn-1');
		var xySliderChange_1_Span = xySliderChange__1.getElementsByTagName('span');
		var xySliderChange_1_Ul = xySliderChange__1.getElementsByTagName('ul');
		var xySliderChange__2 = document.getElementById('changeColumn-2');
		var xySliderChange_2_Span = xySliderChange__2.getElementsByTagName('span');
		var xySliderChange_2_Ul = xySliderChange__2.getElementsByTagName('ul');

		function changeColumn(arrSpan, arrUl) {
			for (var i = 0; i < arrSpan.length; i++) {
				arrSpan[i].index = i;
				arrSpan[i].onclick = function () {
					for (var j = 0; j < arrSpan.length; j++) {
						arrSpan[j].className = '';
						arrUl[j].style.display = 'none';
					}
					this.className = 'ri-current';
					arrUl[this.index].style.display = 'block';
				}
			}
		}
		changeColumn(xySliderChange_1_Span, xySliderChange_1_Ul);
		changeColumn(xySliderChange_2_Span, xySliderChange_2_Ul);
	}
</script>
{/block}